<template>
  <a-card :shadow="false" :obj="obj">
   <view class="flex" style="overflow-x: auto">
     <view style="width: 300rpx;flex-shrink: 0" class="p-10" v-for="i in 4" :key="i">
       <image style="width: 100%;height: 200rpx;border: 5rpx" src="https://images.unsplash.com/photo-1544025162-d76694265947?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80"/>
       <view class="l-40">澳洲谷饲牛排</view>
       <view class="f-c-9 l-30 u-f-sm">采用澳洲牛肉，口感鲜嫩，营养丰富</view>
     </view>
   </view>
  </a-card>
</template>

<script lang="ts" setup>
import ACard from "@/components/a-card.vue";
import {defineProps} from "vue";

const props = defineProps({
  obj: {
    type: Object,
    default: () => {
      return {
        title: "每日推荐",
        path: "#"
      }
    }
  }
})
</script>

<style scoped lang="scss">
@import "~@/static/css/index.css";
</style>